body {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:11px;*/
}
/* remove the list style */
	#nav {
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
}
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
	float:left;
	display:block;
	border:1px solid #666666;
	position:relative;
}
/* this is the parent menu */
	#nav li a {
	background-color:#fff;
	display:block;
	line-height:20px;
	padding:4px 18px 4px 19px;
	text-decoration:none;
	color:#000;
	text-align:center;
}
#nav li a:hover {
	color:#000;
}
/* you can make a different style for default selected value */
		#nav a.selected {
	color:#f00;
}
/* submenu, it's hidden by default */
		#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
}
#nav ul li {
	width:150px;
	float:left;
	background-color:#fff;
}
/* display block will make the link fill the whole area of LI */
		#nav ul a {
	display:block;
	height:15px;
	padding: 8px 5px;
	color:#666;
}
#nav ul a:hover {
	text-decoration:underline;
}
/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
	margin:0 0 0 -2px;
}
#middle-cntnr {
	float:left;
	width:900px;
	margin:0 auto;
}
.catagories-cntnr {
	float:left;
	width:900px;
	margin:0 auto;
	height:60px;
	border-top: 1px solid #FFFFFF;
	background-color:#424242;
}
.ctgry-img {
	float:left;
	width:171px;
	/*height:24px;*/
	margin:20px 0 0 15px;
}
.country-cntnr {
	float:left;
	margin:25px 10px 0 5px;
}
.search-cntnr {
	float:left;
	margin:25px 10px 0 5px;
	width:200px;
	height:20px;
}
.search-frm {
	font-size:12px;
	width:200px;
}
.icons-cntnr {
	float:left;
	background-color:#2c2c2d;
	width:900px;
	height:50px;
	border-bottom:1px solid #FFFFFF;
}
.nav-icons-cntnr{
float:right;
margin:0 5px 0 5px;
background:url(../images/images_11.jpg) repeat-y right;
padding:5px 25px 0 0;
height:45px;
}
.nav-icons-cntnr2{
float:right;
margin:0 5px 0 5px;
padding:5px 25px 0 0;
height:45px;
}


/** {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
margin:0; 
padding:0; 
}*/
/*html, body {
height:100%;
background:#666;
}*/
#wrap {
min-height:100%; 
width:905px; 
margin:-1px auto 0;
background:#ccc;
border:1px solid #000;
border-bottom:0;
}
* html #wrap { 
height:100%; 
}
/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
margin:20px 30px 0 5px;
}
#mega li {
background:#424242;
margin-left:-1px;
float:left;
width:150px;
text-align:center;
position:relative;
}
#mega li:hover {
border-bottom:0; 
padding:7px 0 1px 0;
margin-top:-7px;
z-index:1;
/*background:#5a5a5a;*/

}
#mega a {
color:#fff;
outline:0;
text-decoration:none;
display:block;
line-height:20px;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:350px;
padding:0 10px 10px;
border-top:0;
font-weight:normal;
text-align:left;
}
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
background:#6b6b6b;
color:#fff;
font-size:1em;
padding:0 10px;
margin:10px 0 5px 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
}
#mega div p {
float:left;
width:106px;
padding-left:10px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:10px;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
line-height:10px;
}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(images/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background-color:#424242;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(images/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(images/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}
.category-txt{
font-family:Calibri, Arial, Verdana, sans-serif; 
font-size:18px;
color:#FFFFFF;
padding:0;
margin:0;
}

.search-frm{
	width:200px !important;
	border:none !important;
	font: 100% Arial,Helvetica,sans-serif !important;
	color:#000000 !important;
}
.search-btn{
	width:125px !important;
	background-color:buttonface !important;
	color:buttontext;
	border:2px outset buttonface !important;
	padding:2px !important;
	/*font: 100% Arial,Helvetica,sans-serif !important;*/
	color:#000000 !important;
}